﻿<?php
	//Code a mettre sur toutes les pages 
	@session_start();
	if(!isset($_SESSION['user']) && !isset($_SESSION['mdp']))
	{
		header('Location: index.php');
		exit;
	}
	include('connexionpdo.php');
	include('Header.php');
?>
<!DOCTYPE html>  
<html lang="fr"> 
	
<script language="javascript">
        function ajoutLigne( pNumero){//ajoute une ligne de produits/qté à la div "lignes"     
			//masque le bouton en cours
			document.getElementById("but"+pNumero).setAttribute("hidden","true");	
			pNumero++;										//incrémente le numéro de ligne
            var laDiv=document.getElementById("lignes");	//récupère l'objet DOM qui contient les données
			var titre = document.createElement("label") ;	//crée un label
			laDiv.appendChild(titre) ;						//l'ajoute à la DIV
			titre.setAttribute("class","titre") ;			//définit les propriétés
			titre.innerHTML= "   "+ pNumero + " : ";
			//zone our la date du frais
			var ladate = document.createElement("input");
			laDiv.appendChild(ladate);
			ladate.setAttribute("name","FRA_AUT_DAT"+pNumero);
			ladate.setAttribute("size","12"); 
			ladate.setAttribute("class","zone");
			ladate.setAttribute("type","text");	
			//zone de saisie pour un nouveau libellé			
			var libelle = document.createElement("input");
			laDiv.appendChild(libelle);
			libelle.setAttribute("name","FRA_AUT_LIB"+pNumero);
			libelle.setAttribute("size","30"); 
			libelle.setAttribute("class","zone");
			libelle.setAttribute("type","text");
			//zone de saisie pour un nouveau montant		
			var mont = document.createElement("input");
			laDiv.appendChild(mont);
			mont.setAttribute("name","FRA_AUT_MONT"+pNumero);
			mont.setAttribute("size","3"); 
			mont.setAttribute("class","zone");
			mont.setAttribute("type","text");			
			var bouton = document.createElement("input");
			laDiv.appendChild(bouton);
			//ajoute une gestion évenementielle en faisant évoluer le numéro de la ligne
			bouton.setAttribute("onClick","ajoutLigne("+ pNumero +");");
			bouton.setAttribute("type","button");
			bouton.setAttribute("value","+");
			bouton.setAttribute("class","zone");	
			bouton.setAttribute("id","but"+ pNumero);
        }
    </script>
	<div id="main">

			<article>
				
				<form name="formSaisieFrais" method="post" action="enregSaisieFrais.php">
					<table>
						<tr>
							<td>
								<h2> Saisie </h2>
							</td>
						</tr>
						<tr>
							<td>
								<h1>PERIODE <br> D'ENGAGEMENT :</h1>
							</td>
							<td>
								<label class="titre" align ="center"> Mois(2 chiffres) :</label><input type="text" name="moisconsult" value="<?php echo date("m" ); ?>"> 		
							</td>
							<td>
								<label class="titre" align ="center"> Années (4 chiffres) :</label><input type="text" name="annéeConsult" value="<?php echo date("Y" ); ?>" /></br></br>
							</td>
						</tr>
						<tr>
							<td>
								<h2>Frais au forfait</h2>
							</td>
						</tr>
						<tr>
							<td>
								Repas midi :
					
							</td>
							<td>
								<input type="text" size="2" name="FRA_REPAS" class="zone" />
							</td>
						</tr>
						<tr>
							<td>
								Nuitées :
					
							</td>
							<td>
								<input type="text" size="2" name="FRA_NUIT" class="zone" />
							</td>
						</tr>
						<tr>
							<td>
								Etape :
							</td>
							<td>
								<input type="text" size="5" name="FRA_ETAP" class="zone" />
							</td>
						</tr>
						<tr>
							<td>

								Km :
							</td>
							<td>
								<input type="text" size="5" name="FRA_KM" class="zone" />
							</td>
						</tr>
						<tr>
							<td>

								<h2>Hors Forfait</h2>
							</td>
						</tr>
						<tr>
							<td>
								Date
							</td>
							<td>
								Libellé
							</td>
							<td>
								Montant
							</td>

						</tr>

					</table>

					<div style="clear:left;" id="lignes">
						<td>

							<label class="titre" > 1 : </label>
							<input type="text" size="12" name="FRA_AUT_DAT1" class="zone"/>
							
												
							
						</td>
						<td>
							<input type="text" size="30" name="FRA_AUT_LIB1" class="zone"/>
						</td>
						<td>
							<input class="zone" size="3" name="FRA_AUT_MONT1" type="text" />				
							<input type="button" id="but1" value="+" onclick="ajoutLigne(1);" class="zone" />
						</td>
					</div>
					<br/><br/>
					<table width="50%">
						<tr>
							<td>
								
								<button class="connexion" type="reset">Annuler
							</td>
							<td>
								<button class="connexion" name="valider" id="valider" type ="submit">Valider<br/>
							</td>
						</tr>
					</table>
				</form>			

			</article>
			
		
		
	<?php include('footer.php')?>